<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黄明照--一个在路上慢慢行走的前端人</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" itemprop="description" content="黄明照、黄明照的个人博客、黄明照的个人网站、一个在路上慢慢行走的前端人">
    <meta name="keywords" content="黄明照、黄明照的个人博客、黄明照的个人网站、一个在路上慢慢行走的前端人">
    <link rel="shortcut icon" href="img/favicon.jpg" type="image/png" />
    <script src="js/flexible.js?v=1450433481578"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.6.2/html5shiv-printshiv.min.js"></script>
    <![endif]-->
    <script src="js/prefixfree.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/nprogress.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="videoBox">
    <video class="fullScreenVideo" autoplay loop muted>
        <source src="video/bg.mp4" type="video/mp4">
        <source src="video/bg.webm" type="video/webm">
    </video>
</div>
<div class="mainBox">
    <div class="container">
        <div class="row">
            <header class="col-xs-12 logo">
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg">
                        <polygon points="10,10 60,10 20,50 60,50 65,55 7,55 47,15 5,15" style="fill:transparent; stroke: white; stroke-width: 1"></polygon>
                        <polygon points="20,25 50,40 45,40 15,25 " style="fill:transparent;stroke: #F8FCFB; stroke-width: 1"></polygon>
                    </svg>
                </a>
            </header>
        </div>
        <div class="row">
            <section class="col-xs-12 infoBox">
                <div class="info">
                    <h1>Be A Hero To Myself</h1>
                    <p class="detail">Huangmingzhao——A man who is walking slowly on the road is the FE.</p>
                    <div class="portrait">
                        <img src="img/portrait.jpg" alt="My portrait" title="Yes!I look like this. haha..">
                    </div>
                    <div class="row">
                        <div class="links col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
                            <ul>
                                <li class="col-xs-3">
                                    <a href="">
                                        <i class="blogIcon"></i>
                                        <p>Blog</p>
                                    </a>
                                </li>
                                <li class="col-xs-3">
                                    <a href="">
                                        <i class="githubIcon"></i>
                                        <p>GitHub</p>
                                    </a>
                                </li>
                                <li class="col-xs-3">
                                    <a href="">
                                        <i class="linkedinIcon"></i>
                                        <p>LinkedIn</p>
                                    </a>
                                </li>
                                <li class="col-xs-3">
                                    <a href="">
                                        <i class="resumeIcon"></i>
                                        <p>Resume</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<div class="audioBox">
    <audio src="./sound/imghover.mp3" id="imgHove"></audio>
</div>
<div class="musicBox">
    <div id="bgMusic" class="aplayer"></div>
    <div id="musicArrow"><span> > </span></div>
</div>

<script src="js/jquery-3.2.1.js"></script>
<script src="js/nprogress.js"></script>
<script src="https://cdn.bootcss.com/aplayer/1.6.0/APlayer.min.js"></script>
<script src="js/myjs.js"></script>
</body>
</html>